<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>车辆信息</title>
{literal}
<style type="text/css">
body,html{height:100%; overflow:hidden; font-family:'微软雅黑'; font-size:16px;}
body,html,p,div,button,ul,ol,li,select{margin:0; padding:0; background-color:#eee;}
ul,ol{list-style:none;}
.main{width:85%; height:100%; margin:0 0 0 auto;}
.tab{ height:10%; position:relative;}
.tab ul{position:absolute; bottom:0;}
.tab ul li{float:left; width:100px; background-color:#cfcfcf; margin-right:8px; text-align:center; padding:4px; font-weight:bold; cursor:pointer;margin-bottom:-1px;}
.tab ul li.current{ background-color:#fff; color:#000; border:#d0d0d0 solid 1px; border-bottom:none; margin-bottom:-1px;}
.setction{width:100%; height:90%; background-color:#FFFFFF; display:none; overflow:auto;border:#d4d4d4 solid 1px; border-right:none; border-bottom:none;}
.setction label{display:block; width:200px; height:25px; line-height:25px; padding:2px 4px; background-color:#f1f1f1; border:#ccc solid 1px;}
.setction select{height:25px; line-height:25px}
.setction.current{display:block; z-index:99;}

.setction table {margin:8px auto; border:#F2F2F2 solid 6px;background-color:#D8D8D8; width:94%;}
.setction table td{ border-bottom:#f1f1f1 dotted 1px;}
.setction table td input{ height:30px; line-height:30px; width:100px;}
</style>
{/literal}
<script language="javascript" type="text/javascript" src="ui/ui/js/jquery.js"></script>
</head>
<body>
<div class="main">
	<div class="tab">
    	<ul>
        	<li class="current">基本信息</li><li>紧急联系人</li>
        </ul>
    </div>
<div class="setction current" id="vhlInfo">
<form action="{url('userinfo/saveuser')}" method="post">
  <table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="103" height="50" align="center">姓名</td>
    <td><input type="text"  name="name" value="{$user['descript']}"/></td>
  </tr>
  <tr>
    <td width="103" height="50" align="center">性别</td>
    <td><input type="text" name="sex" value="{$user['sex']}"/></td>
  </tr>
  
  <tr>
    <td width="103" height="50" align="center">证件类型</td>
    <td><input type="text" name="credentials" value="{$user['credentials']}"/></td>
  </tr>
  
    <tr>
    <td width="103" height="50" align="center">证件号码</td>
    <td><input type="text" name="credentialsNum" value="{$user['credentialsNum']}"/></td>
  </tr>
  
    <tr>
    <td width="103" height="50" align="center">email</td>
    <td><input type="text" name="email" value="{$user['email']}"/></td>
  </tr>
  
      <tr>
    <td width="103" height="50" align="center">生日</td>
    <td><input type="text" name="birthday" value="{$user['birthday']}"/></td>
  </tr>
  
   <tr>
    <td width="103" height="50" align="center">移动电话</td>
    <td><input type="text" name="mobilePhone" value="{$user['mobilePhone']}"/></td>
  </tr>
    <tr>
    <td width="103" height="50" align="center">邮编</td>
    <td><input type="text" name="zip" value="{$user['zip']}"/></td>
  </tr>
     <tr>
    <td width="103" height="50" align="center">家庭地址</td>
    <td><input type="text" name="address" value="{$user['address']}"/></td>
  </tr>
      <tr>
    <td width="103" height="50" align="center">家庭电话</td>
    <td><input type="text" name="phone" value="{$user['phone']}"/></td>
  </tr>
  <input type="hidden" name="HASH_CODE" value="{$formhash}"/>
  <tr>
    <td height="50" colspan="2" align="center">
      <input type="submit" class="save" value="保存" id="saveuserinfo"/>
      </td>
    </tr>
</table>
</form>

  </div>
  <div class="setction">
  	
<form action="{url('userinfo/saveuser')}" method="post">
  <table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td height="50" colspan="2" align="center">
    姓名:<input type="text" value="{$user['contact']}"  name="contact"/>移动电话：<input type="text" value="{$user['contactPhone']}" name="contactPhone" /> 
   </td>
  </tr>
  
  <input type="hidden" name="HASH_CODE" value="{$formhash}"/>
  <tr>
    <td height="50" colspan="2" align="center">
      <input type="submit" class="save" value="保存联系人" id="saveuserinfo"/>
      </td>
    </tr>
</table>
</form>



  </div>
  
  
</div>
</body>
</html>
{literal}
<script language="javascript" type="text/javascript">
	var _data = {};
	
	
	$(".setction").on('click',function(e){
		var _this = this;
		var _t = $(e.target || e.srcElement);
		if( _t.hasClass('edit') ){
			$('label.edit',this).attr('contenteditable',true).css('border','#009933 solid 1px');
			$('select.edit',this).attr('disabled',false);
		}
		
	});
	
	$(".tab").on('click',function(e){
		var _t = $(e.target || e.srcElement);
		var _index = _t.index();
		var _class = 'current';
		if( _t.get(0).tagName != 'LI' ){return ;}
		$(this).find('li.'+_class).removeClass(_class);
		_t.addClass(_class);
		if( $(".setction").get(_index) ){
			$(".setction."+_class).removeClass(_class);
			$($(".setction").get(_index)).addClass(_class);
		}
	});
</script>
{/literal}